// 获取手机号文本
var $phone=$('.phone')
//获取密码框
var $pass=$('.code')
// 获取提示框
$ps=$('.ps')
//获取登录按钮
$btn=$('.login')
// 获取勾选框
$check=$('input:checkbox')
//判定手机框
$phone.focus(function(){
    $phone.blur(function(){
        if (!$phone.val()) {
            $($ps[0]).html('手机号不能为空').css('color', 'red');
            return false;
        } else if (!(/^1[3-9]\d{9}$/).exec($phone.val())) {
            $($ps[0]).html('请填写正确的手机号').css('color', 'red')
            return false;
        } else {
            $($ps[0]).html('手机号正确').css('color', 'green')
        }
    })
})
// 密码框的判定
$pass.focus(function () {
    $pass.blur(function () {
        if (!$pass.val()) {
            $($ps[1]).html('密码不能为空').css('color', 'red');
            return false;
        } else if (!(/^[0-9a-zA-Z]{5,17}[a-zA-Z]+\w$/).exec($pass.val())) {
            $($ps[1]).html('请填写格式正确的密码').css('color', 'red')
            return false;
        } else {
            $($ps[1]).html('密码格式').css('color', 'green')
        }
    })
})

// 点击提交按钮
$btn.click(function () {
    // 手机号
    if (!$phone.val()) {
        $($ps[0]).html('手机号不能为空').css('color', 'red');
        return false;
    } else if (!(/^1[3-9]\d{9}$/).exec($phone.val())) {
        $($ps[0]).html('请填写正确的手机号').css('color', 'red')
        return false;
    } else {
        $($ps[0]).html('手机号正确').css('color', 'green')
    }
    // 密码
    if (!$pass.val()) {
        $($ps[1]).html('密码不能为空').css('color', 'red');
        return false;
    } else if (!(/^[0-9a-zA-Z]{5,17}[a-zA-Z]+\w$/).exec($pass.val())) {
        $($ps[1]).html('密码格式有误').css('color', 'red')
        return false;
    } else {
        $($ps[1]).html('密码格式正确').css('color', 'green')
    }
    // 弹窗
    var index = layer.load(1, {
        shade: [0.7, 'black'] //0.1透明度的白色背景
    });
    // 发送ajax
    $.ajax({
        url: './php/login.php',
        type: 'POST',
        data: {
            pass: $pass.val(),
            phone: $phone.val()
        },
        success: function (arr) {
            layer.close(index)
            var { meta: { status, } } = arr
            if (status == 0) {
                    layer.msg('用户名不存在',{
                        time:1000
                    });
            }else if(status == 1){
                    layer.msg('用户名或者密码不正确',{
                        time:1000
                    });
            }else{
                layer.msg('登录成功',{
                    time:1000
                });
                if($check.prop('checked')){
                    sCookie('phone',$phone.val(),3*60*60)
                }else{
                    sCookie('phone',$phone.val(),12*60*60*14)
                }
                setTimeout(function(){
                    location.href='home.html'
                },1500)
            }
          
        },
        dataType: 'json'
    })

})